﻿@{
    ViewData["Title"] = "数据解析配置";
    ViewData["Mbx"] = "配置管理";
    Layout = "_Default";
}

@section css{
    <style>

        .fliter {
            width: 80%;
            height: 60px;
            align-items: center;
            display: flex;
            margin-bottom: 20px;
        }

            .fliter .search-btn {
                margin-left: 20px;
            }

            .fliter .input-text {
                width: 150px;
            }

            .fliter .label-eq-name {
                margin-left: 20px;
            }

            .fliter .input-text-eq-code {
                width: 150px;
                height: 23px;
            }

        .select-box {
            width: 150px;
        }
    </style>
}

    @section gray{
    <div class="fliter">
        <label class="label-eq-code">对象名称：</label>
        <input type="text" class="input-text" value="" placeholder="" id="name" name="name">
        <label class="label-eq-code">设备号：</label>
        <input type="text" class="input-text" value="" placeholder="" id="equipmentCode" name="equipmentCode">
        <input class="btn btn-primary radius search-btn" type="button" onclick="search()" value="&nbsp;&nbsp;搜索&nbsp;&nbsp;">
    </div>
    <div>

        <span class="l">
            <a class="btn btn-primary radius" href="javascript:;" onclick="common_add('添加PLC连接配置','/bytesmapobjectinfo/bytesmapobjinfoaddoredit','600','400')">
                <i class="Hui-iconfont">&#xe600;</i> 新增
            </a>
        </span>
    </div>
}




    <table class="table table-border table-bordered table-hover table-bg table-sort">
        <thead>
        </thead>
        <tbody>
        </tbody>
    </table>

    @section javascript{
    <script>
        $(function () {
            initData("");
        });


        function search() {
            var name = $("#name").val();
            initData(name);
        }

        function initData(name) {
            $('.table-sort').dataTable({
                bProcessing: true, //DataTables 载入数据时，是否显示‘进度’提示
                bAutoWidth: false, //自动宽度
                bSort: false, //排序功能
                paging: true, //是否分页
                bInfo: true, //页脚信息,默认为 true
                bStateSave: false, //状态保存
                sPaginationType: "full_numbers", //分页显示样式
                serverSide: true, //启用服务器分页
                //sAjaxSource: "/admin/functionlist", //服务端请求数据接口
                searching: true, //关闭 datatables 的搜索框
                destroy: true, //解决重新渲染问题
                iDisplayLength: 10, //每页显示数量
                ajax: {
                    url: "/bytesmapobjectinfo/getallbytesmapobjectinfo",
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded",
                    async: false,
                    dataType: "json",
                    data: function (data) {
                        data.name = name;
                        data.equipmentCode = $("#equipmentCode").val();
                    },
                    dataFilter: function (json) {
                        console.log(json);
                        return json;
                    }
                },

                aoColumns: [
                    // mDataProp：绑定数据属性
                    // sDefaultContent：设置默认值
                    // sClass：添加 class 属性，不懂的直接去掉
                    // sTtile：设置列标题
                    // sWidth：设置列宽度
                    // sTtile 设置的内容，会替换到 html thead 中的“标题”
                    //{mDataProp:"js_Id", sClass:"text-c",  sTitle:"编号",sDefaultContent:""},
                    { mDataProp: "js_Id", sClass: "text-c", sTitle: "ID", sDefaultContent: "", sWidth: "15%" },
                    { mDataProp: "objectName", sClass: "text-c", sTitle: "对象名称", sDefaultContent: "", sWidth: "15%" },
                    { mDataProp: "equipmentCode", sClass: "text-c", sTitle: "设备号", sDefaultContent: "", sWidth: "10%" },
                    { mDataProp: "objectLength", sClass: "text-c", sTitle: "对象长度", sDefaultContent: "", sWidth: "5%" },
                    { mDataProp: "bytesIndex", sClass: "text-c", sTitle: "字节索引", sDefaultContent: "", sWidth: "5%" },
                    { mDataProp: "bytesLength", sClass: "text-c", sTitle: "字节长度", sDefaultContent: "", sWidth: "5%" },
                    { mDataProp: "dbCode", sClass: "text-c", sTitle: "DB编号", sDefaultContent: "", sWidth: "5%" },
                    { mDataProp: "plcName", sClass: "text-c", sTitle: "PLC名称", sDefaultContent: "", sWidth: "10%" },
                    { mDataProp: "processModuleName", sClass: "text-c", sTitle: "报文模块处理对象名称", sDefaultContent: "", sWidth: "15%" },
                    {
                        mDataProp: "js_Id", sClass: "text-c", sTitle: "操作", sWidth: "15%",
                        mRender: function (data, type, row) {
                            var html = "<a title=\"编辑\" href=\"javascript:;\" onclick=\"common_add('编辑PLC连接配置',\'/bytesmapobjectinfo/bytesmapobjinfoaddoredit/" + data + "','600','400')\" class=\"ml-5\" style=\"text-decoration:none\"><i class=\"Hui-iconfont\">&#xe6df;</i></a>";
                            html += "<a title=\"删除\" href=\"javascript:;\" onclick=\"DelBytesMapObjectIndoAsync('" + data + "')\" class=\"ml-5\" style=\"text-decoration:none\"><i class=\"Hui-iconfont\">&#xe609;</i></a>";
                            return html;
                        }
                    }
                ],
                oLanguage: { //国际化配置
                    sProcessing: "正在获取数据，请稍后...",
                    sLengthMenu: "显示 _MENU_ 条",
                    sZeroRecords: "没有您要搜索的内容",
                    sInfo: "从 _START_ 到  _END_ 条记录 总记录数为 _TOTAL_ 条",
                    sInfoEmpty: "记录数为0",
                    sInfoFiltered: "(全部记录数 _MAX_ 条)",
                    sInfoPostFix: "",
                    sSearch: "从当前数据中检索： ",
                    sUrl: "",
                    oPaginate: {
                        sFirst: "首页",
                        sPrevious: "上一页",
                        sNext: "下一页",
                        sLast: "尾页"
                    }
                }
            });
        }

        function DelBytesMapObjectIndoAsync(id) {
            console.log(id);
            popupConfirm("确定删除该数据解析配置吗？", 0, function () {
                var data = { 'id': id };
                SubmitFormForAjax("/bytesmapobjectinfo/delbytesmapobjectinfo", data, function (data) {
                    if (data.result) {
                        popupAlert('删除成功！', 1, function () {
                            location.reload();//刷新页面
                        });
                    } else {
                        popupAlert('删除失败！', 1, function (data) {
                            layer.close(data);
                        });
                    }
                }, true);

            });
        }
    </script>
}

